/*
  YUI 3.6.0 (build 5521)
  Copyright 2012 Yahoo! Inc. All rights reserved.
  Licensed under the BSD License.
  http://yuilibrary.com/license/
  */
  * {
    outline: none;
  }
  html {
    color: #000;
    background: #FFF
  }
  
  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  code,
  form,
  fieldset,
  legend,
  input,
  textarea,
  p,
  blockquote,
  th,
  td {
    margin: 0;
    padding: 0
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0
  }
  
  a {
    text-decoration: none;
    color: inherit;
  }
  
  fieldset,
  img {
    border: 0
  }
  
  address,
  caption,
  cite,
  code,
  dfn,
  em,
  strong,
  th,
  var {
    font-style: normal;
    font-weight: normal
  }
  
  ol,
  ul {
    list-style: none
  }
  
  caption,
  th {
    text-align: left
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 100%;
    font-weight: normal
  }
  
  q:before,
  q:after {
    content: ''
  }
  
  abbr,
  acronym {
    border: 0;
    font-variant: normal
  }
  
  sup {
    vertical-align: text-top
  }
  
  sub {
    vertical-align: text-bottom
  }
  
  input,
  textarea,
  select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
  }
  
  input,
  textarea,
  select {
    *font-size: 100%
  }
  
  button {
    outline: none;
  }
  
  legend {
    color: #000
  }
  
  /*==================================文字排版====================================*/
  
  .t2 {
    text-indent: 2em
  }
  
  .lh22 {
    line-height: 22px
  }
  
  .lh24 {
    line-height: 24px
  }
  
  .lh28 {
    line-height: 28px
  }
  
  .lh30 {
    line-height: 30px
  }
  
  .unl {
    text-decoration: underline
  }
  
  .wbreak {
    word-break: break-all
  }
  
  .ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }
  
  /*==================================字体颜色==============================*/
  
  .f12 {
    font-size: 12px
  }
  
  .f13 {
    font-size: 13px
  }
  
  .f14 {
    font-size: 14px
  }
  
  .f16 {
    font-size: 16px
  }
  
  .f20 {
    font-size: 20px
  }
  
  .f22 {
    font-size: 22px
  }
  
  .f24 {
    font-size: 24px
  }
  
  .f30 {
    font-size: 30px
  }
  
  .fb {
    font-weight: bold
  }
  
  .fn {
    font-weight: normal
  }
  
  .f_fam_wei {
    font-family: "microsoft yahei"
  }
  
  .bigTitle {
    line-height: 150%;
    font-size: 14px
  }
  
  .color_cccccc,
  .color_ccc {
    color: #cccccc
  }
  
  .color_white {
    color: white
  }
  
  .color_red,
  .red {
    color: red
  }
  
  .color_333 {
    color: #333
  }
  
  .color_777 {
    color: #777
  }
  
  .color_7f7f7f {
    color: #7f7f7f
  }
  
  .gray1,
  .color_999 {
    color: #999
  }
  
  .color_2e2e2e {
    color: #2e2e2e
  }
  
  .color_1a66b3 {
    color: #1a66b3
  }
  
  .color_5ea51e {
    color: #5ea51e
  }
  
  .gray787 {
    color: #787878
  }
  
  .f_green {
    color: #5ea51e
  }
  
  .font-12-bd {
    font-size: 12px;
    font-weight: bold;
    font-family: Arial
  }
  
  .font-12-red {
    font-size: 12px;
    color: #ff6600;
    font-weight: bold;
    font-family: Arial
  }
  
  .font-14-bd {
    font-size: 14px;
    font-weight: bold;
    font-family: Arial
  }
  
  .font-14-bd-red {
    font-size: 14px;
    color: #ff6600;
    font-weight: bold;
    font-family: Arial
  }
  
  .font-16-red {
    font-size: 16px;
    color: #ff6600;
    font-weight: bold;
    font-family: Arial
  }
  
  .font-16-bd {
    font-size: 16px;
    font-weight: bold;
    font-family: Arial
  }
  
  /*=====================================定位=====================================*/
  
  .tl,
  .text_l {
    text-align: left
  }
  
  .tc,
  .text_c {
    text-align: center
  }
  
  .tr,
  .text_r {
    text-align: right
  }
  
  .bc {
    margin: 0 auto
  }
  
  .fl,
  .c_left {
    float: left;
    display: inline;
  }
  
  .fr,
  .c_right {
    float: right;
    display: inline;
  }
  
  .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
  }
  
  .clearfix {
    *zoom: 1;
  }
  
  /*清理盒子内部浮动，无毒副作用*/
  
  .cb {
    clear: both
  }
  
  .cl {
    clear: left
  }
  
  .cr {
    clear: right
  }
  
  .vm {
    vertical-align: middle
  }
  
  .pr,
  .relative {
    position: relative
  }
  
  .pa,
  .absolute {
    position: absolute
  }
  
  .zoom {
    zoom: 1
  }
  
  .hidden {
    visibility: hidden
  }
  
  .none {
    display: none
  }
  
  .oh {
    overflow: hidden
  }
  
  .hiddenY {
    overflow-y: hidden
  }
  
  .hiddenX {
    overflow-x: hidden
  }
  
  /*=============================长度高度=========================================*/
  
  .w10 {
    width: 10px
  }
  
  .w20 {
    width: 20px
  }
  
  .w30 {
    width: 30px
  }
  
  .w40 {
    width: 40px
  }
  
  .w50 {
    width: 50px
  }
  
  .w60 {
    width: 60px
  }
  
  .w70 {
    width: 70px
  }
  
  .w80 {
    width: 80px
  }
  
  .w90 {
    width: 90px
  }
  
  .w100 {
    width: 100px
  }
  
  .w120 {
    width: 120px
  }
  
  .w140 {
    width: 140px
  }
  
  .w160 {
    width: 160px
  }
  
  .w180 {
    width: 180px
  }
  
  .w200 {
    width: 200px
  }
  
  .w250 {
    width: 250px
  }
  
  .w300 {
    width: 300px
  }
  
  .w400 {
    width: 400px
  }
  
  .w500 {
    width: 500px
  }
  
  .w600 {
    width: 600px
  }
  
  .w700 {
    width: 700px
  }
  
  .w800 {
    width: 800px
  }
  
  .w {
    width: 100%
  }
  
  .h50 {
    height: 50px
  }
  
  .h80 {
    height: 80px
  }
  
  .h100 {
    height: 100px
  }
  
  .h200 {
    height: 200px
  }
  
  .h {
    height: 100%
  }
  
  /*==============================边距=========================================*/
  
  .m10,
  .mar10px {
    margin: 10px
  }
  
  .m15 {
    margin: 15px
  }
  
  .m30 {
    margin: 30px
  }
  
  .mt5 {
    margin-top: 5px
  }
  
  .mt10,
  .marTop10px {
    margin-top: 10px
  }
  
  .mt15 {
    margin-top: 15px
  }
  
  .mt20 {
    margin-top: 20px
  }
  
  .mt30 {
    margin-top: 30px
  }
  
  .mt50 {
    margin-top: 50px
  }
  
  .mt100 {
    margin-top: 100px
  }
  
  .mb5,
  .marBottom5px {
    margin-bottom: 5px
  }
  
  .mb10,
  .marBottom10px {
    margin-bottom: 10px
  }
  
  .mb15 {
    margin-bottom: 15px
  }
  
  .mb20 {
    margin-bottom: 20px
  }
  
  .mb30 {
    margin-bottom: 30px
  }
  
  .mb50 {
    margin-bottom: 50px
  }
  
  .mb100 {
    margin-bottom: 100px
  }
  
  .ml5,
  .marLeft5px {
    margin-left: 5px
  }
  
  .ml10,
  .marLeft10px {
    margin-left: 10px
  }
  
  .ml15 {
    margin-left: 15px
  }
  
  .ml20 {
    margin-left: 20px
  }
  
  .ml30 {
    margin-left: 30px
  }
  
  .ml35 {
    margin-left: 35px
  }
  
  .ml50 {
    margin-left: 50px
  }
  
  .ml100 {
    margin-left: 100px
  }
  
  .mr5,
  .marRight5px {
    margin-right: 5px
  }
  
  .mr10,
  .marRight10px {
    margin-right: 10px
  }
  
  .mr15 {
    margin-right: 15px
  }
  
  .mr20 {
    margin-right: 20px
  }
  
  .mr30 {
    margin-right: 30px
  }
  
  .mr50 {
    margin-right: 50px
  }
  
  .mr100 {
    margin-right: 100px
  }
  
  .padding0 {
    padding: 0
  }
  
  .p5,
  .pad5px {
    padding: 5px
  }
  
  .p10,
  .pad10px {
    padding: 10px
  }
  
  .p15 {
    padding: 15px
  }
  
  .p20 {
    padding: 20px
  }
  
  .p30 {
    padding: 30px
  }
  
  .pt0{
    padding-top: 0;
  }
  .pt5,
  .padTop5px {
    padding-top: 5px
  }
  
  .pt10,
  .padTop10px {
    padding-top: 10px
  }
  
  .pt15 {
    padding-top: 15px
  }
  
  .pt20 {
    padding-top: 20px
  }
  
  .pt30 {
    padding-top: 30px
  }
  
  .pt50 {
    padding-top: 50px
  }
  
  .pb5,
  .padBottom5px {
    padding-bottom: 5px
  }
  
  .pb10,
  .padBottom10px {
    padding-bottom: 10px
  }
  
  .pb05 {
    padding-bottom: 05px
  }
  
  .pb20 {
    padding-bottom: 20px
  }
  
  .pb30 {
    padding-bottom: 30px
  }
  
  .pb50 {
    padding-bottom: 50px
  }
  
  .pb100 {
    padding-bottom: 100px
  }
  
  .pl5,
  .padLeft5px {
    padding-left: 5px
  }
  
  .pl10,
  .padLeft10px {
    padding-left: 10px
  }
  
  .pl15 {
    padding-left: 15px
  }
  
  .pl20 {
    padding-left: 20px
  }
  
  .pl30 {
    padding-left: 30px
  }
  
  .pl50 {
    padding-left: 50px
  }
  
  .pl100 {
    padding-left: 100px
  }
  
  .pr5,
  .padRight5px {
    padding-right: 5px
  }
  
  .pr10,
  .padRight10px {
    padding-right: 10px
  }
  
  .pr15 {
    padding-right: 15px
  }
  
  .pr20 {
    padding-right: 20px
  }
  
  .pr30 {
    padding-right: 30px
  }
  
  .pr50 {
    padding-right: 50px
  }
  
  .pr100 {
    padding-right: 100px
  }
  
  /*==================================表格布局=================================*/
  
  .table_fix {
    table-layout: fixed
  }
  
  /* ====================================自定義系統通用樣式 ==============================*/
  
  * {
    box-sizing: border-box;
  }
  
  html,
  body {
    height: 100%;
  }
  
  body {
    font-size: 14px;
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
  }
  
  textarea {
    resize: none;
    height: 74px;
  }
  
  /* flexbox 布局样式 */
  
  .flexbox {
    display: -webkit-flex;
    display: flex;
  }
  
  .flex-col{
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  
  .flex-item {
    -webkit-flex: 1;
    flex: 1;
  }
  
  .flex-start {
    -webkit-align-content: flex-start;
    align-content: flex-start;
  }
  
  .flex-end {
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .flex-cen {
    -webkit-align-items: center;
    align-items: center;
  }
  
  .flex-wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .flex-btetwm {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  
  .flex-jc-center {
    -webkit-justify-content: center;
    justify-content: center;
  }
  
  .flex-three-part .three-item {
    width: 33.33%;
    min-width: 33.33%;
  }
  
  /* 滚动条设置 */
  
  ::-webkit-scrollbar {
    /*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/
    width: 14px;
    height: 16px;
  }
  
  ::-webkit-scrollbar-button {
    /*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/
    display: none;
  }
  
  ::-webkit-scrollbar-track {
    /*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0px 0px 0px 7px;
    border-radius: 8px;
    background: transparent;
  }
  
  ::-webkit-scrollbar-track:hover {
    background-clip: padding-box;
    background-color: #dcdcdc;
    border: solid transparent;
  }
  
  ::-webkit-scrollbar-track-piece {
    /*内层轨道，滚动条中间部分（位置4）*/
    background: transparent;
  }
  
  ::-webkit-scrollbar-thumb {
    /*滚动条里面可以拖动的那部分（位置5）*/
    background-color: rgba(0, 0, 0, .25);
    background-clip: padding-box;
    border: solid transparent;
    min-height: 28px;
    padding: 100px 0 0;
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07);
    border-radius: 8px;
  }
  
  /* placeholder */
  
  ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #868e96;
  }
  
  /* 去除 type=number 瀏覽器自帶箭頭 */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
     -webkit-appearance: none !important;
  }
  input[type="number"] {
      -moz-appearance: textfield;
  }